<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="background"> 
    <div class="w">
         <div class="top fl">
<div class="logo fl">
<img src="./images/logo_1c5763c.png" alt="">
</div>
<div class="huan fl">
<span>全国站</span>
<p>【切换城市】</p>
</div>
<div class="nav fl">
<ul>
    <li>
        <a href="#">
        首页 
        </a>
    </li>
    <li>
        <a href="#">
公司
        </a>
    </li>
    <li>
        <a href="#">
            校园
        </a>
    </li>
    <li>
        <a href="#">
            言职
        </a>
    </li>
    <li>
        <a href="#">
大鲲
        </a>
    </li>
</ul>
</div>
    </div>
</div>
</div>
<div class="bj">
    <div class="w">
 <div class="search">
<input type="text" placeholder="搜索职位、公司或地点">
<button>搜索</button>
<div class="nav2">
<p>热门搜索：</p>
<ul>
    <li>
        <a href="#">
            UI设计师
        </a>
    </li>
    <li>
        <a href="#">
            UI设计师
        </a>
    </li>
    <li>
        <a href="#">
            UI设计师
        </a>
    </li>
    <li>
        <a href="#">
            UI设计师
        </a>
    </li>
    <li>
        <a href="#">
            UI设计师
        </a>
    </li>
    <li>
        <a href="#">
            UI设计师
        </a>
    </li>
    <li>
        <a href="#">
            UI设计师
        </a>
    </li>
    <li>
        <a href="#">
            UI设计师
        </a>
    </li>
    <li>
        <a href="#">
            UI设计师
        </a>
    </li>
</ul>
</div>
    </div>
    </div>
</div>
   <div class="w">
<div class="content">
<div class="nav3 fl">
<ul>
    <li>
        <a href="#">
            <h4 class="fl">技术</h4>
            <p class="fl">Java&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; PHP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; C++&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Android</p>
            <span class="fr">></span>
        </a>
    </li>
    <li>
        <a href="#">
            <h4 class="fl">技术</h4>
            <p class="fl">Java&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; PHP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; C++&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Android</p>
            <span class="fr">></span>
        </a>
    </li>
    <li>
        <a href="#">
            <h4 class="fl">技术</h4>
            <p class="fl">Java&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; PHP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; C++&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Android</p>
            <span class="fr">></span>
        </a>
    </li>
    <li>
        <a href="#">
            <h4 class="fl">技术</h4>
            <p class="fl">Java&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; PHP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; C++&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Android</p>
            <span class="fr">></span>
        </a>
    </li>
    <li>
        <a href="#">
            <h4 class="fl">技术</h4>
            <p class="fl">Java&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; PHP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; C++&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Android</p>
            <span class="fr">></span>
        </a>
    </li>
    <li>
        <a href="#">
            <h4 class="fl">技术</h4>
            <p class="fl">Java&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; PHP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; C++&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Android</p>
            <span class="fr">></span>
        </a>
    </li>
    <li>
        <a href="#">
            <h4 class="fl">技术</h4>
            <p class="fl">Java&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; PHP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; C++&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Android</p>
            <span class="fr">></span>
        </a>
    </li>
</ul>
</div>

</div>
   </div>
<div class="banner">
<img src="./images/CgpOIFplRd2ABppKABb-BfiNWmI685.png" alt="">
</div>
    
  <div class="dingwei">
<div class="top">

</div>
<div class="bottom">

</div>
  </div>

</body>
</html>